<template>
  <div class="help_page">
    <CommonHeader title="帮助中心" />
    <div class="help_content page_no_tab_bar">
      <!-- 帮助列表 -->
       <ul class="help_list">
        <li v-for="(item,index) in helpList" :key="index">
          <div>{{ item.text }}</div>
          <div>
            <img src="@/assets/common/go_icon.png" alt="">
          </div>
        </li>
       </ul>
    </div>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import CommonHeader from '@/components/CommonHeader.vue';

// 帮助列表
const helpList = ref([
  {text: "如何计算盈亏", },
  {text: "什么是保证金", },
  {text: "什么是止盈止损", },
  {text: "什么是现货交易", },
  {text: "什么是合约", },
  {text: "什么是仓位", },
  {text: "什么情况下会被平仓？", },
  {text: "什么是期权", },
])

</script>

<style lang="scss" scoped>
.help_page {
  .help_content {
    padding-top: 10px;
    .help_list {
      li {
        display: flex;
        justify-content: space-between;
        padding: 20px 0px;
      }
    }
  }
}</style>